<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
		<h2>{{message}}</h2>	
		<h2>{{name}}</h2>
		</div>
	</body>
	<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		// let(变量)const(常量)
		// 编程式:声明式编程
		const app = new Vue({
			el:"#app",	//用于挂载对象
			data:{	//定义数据
				message:"hello world",
				name:'李龙'
			}
		})
		// 在控制台中设置app.message = "123";		就可以让数据发生改变,不需要操作界面dom
		//元素js的做法(命令式编程)
		//1.创建div元素,设置id属性
		//2.定义一个变量叫message
		//3.将message变量放在前面的div显示
	</script>
</html>
